<template>
  <el-steps :space="200" :active="active" align-center finish-status="success">
    <el-step title="上传文件" />
    <el-step title="添加水印" />
    <el-step title="保存文件" />
  </el-steps>
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const active = ref<number>(0)
const updateActive = (step: number) => {
  active.value = step
}
defineExpose({
  active,
  updateActive,
})
</script>

<style scoped></style>
